﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Slide Verify Demo</title>
    <link rel="stylesheet" href="layuiAdmin/layui/css/layui.css" media="all">
    <style>
        .layui-layer-title {
            border-bottom: 0px solid #f0f0f0;
        }
    </style>
</head>
<body>
    <script src="layuiAdmin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '../layuiAdmin/'
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'slideverify'], function () {
            var $ = layui.$;
            var slideVerify = layui.slideverify;
            layer.open({
                type: 1, // page 层类型
                area: ['440px', '375px'],
                title: '请完成安全认证',
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                maxmin: false, // 允许全屏最小化
                content: '<div id="slide-verify"></div>',
                success: function (layero, index, that) {
                    new slideVerify({
                        elem: '#slide-verify',
                        onSuccess: function () {
                           alert('验证成功！');
                        }
                    })
                    }
            });
        })
    </script>
</body>
</html>
